<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户中心</title>
<link rel="stylesheet" type="text/css" href="./css/usercenter.css">
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/common.css">
<link rel="stylesheet" type="text/css" href="./fa/css/font-awesome.css">
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/uesrcenter.js"></script>

<style type="text/css">
*{margin:0;padding:0;}
</style>
</head>
<body>
<!-- 上层导航栏 -->

    <!-- 题目logo栏 -->
<div class="title">
    <div class="logo"><img src="./images/logo.png"></div>
    <div class="biaoti"><img src="./images/zongheng.png"></div>
    <div class="search-box">
        <form id="search_form" target="_blank" method="get" action="#">
            <input type="text" class="search-input-text"/>
            <input type="submit" class="search-input-button" value=""/>
        </form>
    </div>
</div>
    <!-- 题目logo栏结束 -->
    <!-- 高级导航栏 -->
<div id="nav">
    <ul>
            <li><a href="./Talk.html">首页</a></li>
            <li><a href="./forum.html">分论坛</a></li>
            <li><a href="./usercenter.html">用户中心</a></li>
            <li><a href="#">留个功能</a></li>
            <li><a href="#">关于我们</a></li>
    </ul>
</div>
    <!-- 高级导航栏结束 -->
    <!-- 个人主页背景 -->
<div class="centertop">
    <div class="topmess"></div>
    <div class="usericon"><img src="./images/icon.png"></div>
    <div class="usermess"><span>快乐的小跳蛙</span><br />女 重庆南岸区<br />邮箱：123456789@QQ.com</div>   
</div>
    <!-- 个人主页背景结束 -->
    <!-- 用户信息 -->
<div class="centermain">
    <div id="index1">
    <div class="mainlist">
        <ul>
            <li class="add"><a href="#">我关注的论坛</a></li>
            <li class="noadd"><a href="#">我的账号设置</a></li>
        </ul>
    </div>
    </div>
    <div class="fengexian"></div>
    <div id="index2">
        <div class="on">
            <div class="box1">
            <div id="left1"><a href="./ziforum.html"><img src="./images/1.png"></a>
                <div id="yinl1">
                    <div id="text"><a href="./ziforum.html">CCTV Talk<i class="icon-plus color1"></i>关注
                    <span class="intro"><br />2005年建立，精英聚集，一个权威的新闻论坛，大事小事天下事，包罗万象，快到我碗里来！</span></a><span class="gnum"><br />35人在线</span>
                    </div>
                </div>
            </div>
            <div id="middle11"><a href="#"><img src="./images/2.png"></a>
                <div id="yinm11">
                    <div id="text"><a href="#">嗨呀大家好<i class="icon-plus color1"></i>关注
                    <span class="intro"><br />2005年建立，精英聚集，一个权威的新闻论坛，大事小事天下事，包罗万象，快到我碗里来！</span></a><span class="gnum"><br />35人在线</span>
                    </div>
                </div>
            </div>  
            </div>
        </div>    
        <div class="yincang">
        <div class="basebox">
            <div class="basetitle">&gt;&gt;基本信息<br />
            <table> 
                <tbody class="settable"> 
                    <tr> 
                        <th>性别:</th> 
                            <td><input name="passport_sex" id="passport-sex-1" type="radio" value=1><label class="profile-gender">男</label> 
                                <input name="passport_sex" id="passport-sex-2" type="radio" value=2  checked><label class="profile-gender">女</label>
                            </td> 
                    </tr>
                    <tr> 
                        <th>生日:</th> 
                            <td><select id="passport_birthday_year">
                            <option value=none>1995</option>
                            <option value=none>1996</option>
                            <option value=none>1997</option>
                            <option value=none>2000</option>
                            </select></td> 
                            <td><select id="passport_birthday_year">
                            <option value=none>1995</option>
                            <option value=none>1996</option>
                            <option value=none>1997</option>
                            <option value=none>2000</option>
                            </select></td>  
                            <td><select id="passport_birthday_year">
                            <option value=none>1995</option>
                            <option value=none>1996</option>
                            <option value=none>1997</option>
                            <option value=none>2000</option>
                            </select></td>
                    </tr>   
                    <tr> 
                        <th>邮箱:</th> 
                            <td><input type="text" value="" checked="123456789@qq.com" /></td>
                    </tr>
                    <tr> 
                        <th>头像:</th> 
                            <td><input type="button" value="本地上传" /></td>
                    </tr>
                     <tr> 
                        <th></th> 
                            <td><input type="button" value="保存修改" /></td>
                    </tr>
                </tbody>
            </table> 
        </div>
    </div>
    </div>
    </div>
</div>
    <!-- 用户信息结束 -->
    <!-- 脚本区 -->
<div style="clear:both;"></div>
<div class="foot">
      <div class="ul-margin">
        <div class="wrapper">
            <ul class="foot-ul pull-left">
                <a href="#"><li>快速导航</li></a>
                <a href="#"><li>友情链接</li></a>
            </ul>
            <ul  class="foot-ul pull-left">
                <a href="#"><li>帮助中心</li></a>
                <a href="#"><li>用户协议</li></a>
            </ul>
            <ul  class="foot-ul pull-left">
                <a href="#"><li>反馈意见</li></a>
                <a href="#"><li>举报</li></a>
            </ul>
        </div>
        <div style="clear:both;"></div>
    </div>
    <div class="end"><a href="#">CopyRight@2016.11 UML Team28 ALL Rights Reserved</a></div>
</div>
<!-- 脚本区结束 --> 
</body>
</html>